<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>内容分发系统管理端</title>
		<link rel="icon" href="favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="/static/lib/layui/css/layui.css">
		<link rel="stylesheet" href="/static/css/style.css">
	</head>
	<body>
		<div id="info">
			<div>
				<a class="layui-btn layui-btn-normal" @click="edit(-1)">新增公告</a>
			</div>
			<table class="site-table" style="min-width:780px;">
				<thead>
					<tr>
						<th style="width: 30px;">ID</th>
						<th style="width: 240px;">标题</th>
						<th style="width: 140px;">发布时间</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
					<tr v-for="(bean, index) in beans">
						<td>{{bean.id}}</td>
						<td>{{bean.title}}</td>
						<td>{{bean.time | datetime}}</td>
						<td>
							<button class="layui-btn layui-btn-normal" @click="edit(index)">编辑</button>
							<button class="layui-btn layui-btn-danger" @click="del(index)">删除</button>
						</td>
					</tr>
				</tbody>
			</table>
			<div id="page" style="float: left;"></div>
		</div>
	</body>
	<script src="/static/lib/jquery-3.1.1.js"></script>
	<script src="/static/lib/vue.js"></script>
	<script src="/static/lib/layui/lay/dest/layui.all.js"></script>
	<script src="/static/js/vue-filter.js"></script>
	<script src="/static/js/news-info.js"></script>
</html>
